.header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 6px 24px;
  background-color: var(--bg-main);

  .condition {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    .provinceSelect {
      width: 160px;
    }

    .dataPicker {
      width: 120px;
      margin-left: 16px !important;
    }

    .rangePicker {
      min-width: 260px;
      margin-left: 16px !important;
    }

    .queryBtn {
      width: 98px;
      margin-left: 16px !important;
    }

    .reset {
      width: 98px;
      margin-left: 16px !important;
    }

    .radioGroup {
      min-width: 107px;
      margin-left: 16px !important;
      :global {
        .ant-radio-button-wrapper {
          padding: 0 12px !important;
        }
      }
    }

    .hourSelect {
      width: 120px;
      margin-left: 16px !important;

      img {
        position: relative;
        top: -3px;
      }
    }
  }
}
